// 通用颜色
color-black = #202536
color-grey = #9497B1
color-grey2 = #5E617D
color-green = #00D679
color-red = #FF7E68
color-blue = #1989FA
color-yellow = #FFC768
color-darkgrey = #3D3D3D
color-lightgray = #767676

// 专有颜色
border-color = #E8E9EA

// 文字大小
font-mini = 12px
font-base = 14px
font-small = 16px
font-normal = 20px
font-large = 26px

avatar-round()
    border-radius arguments
    width arguments
    height arguments

space-between()
    display flex
    justify-content space-between
    if (arguments != false)
        align-items center

flex-center()
    display flex
    justify-content center
    align-items center

// 低于某个宽度不显示
min-width-hide()
    @media screen and (max-width: arguments)
        display: none

padding()
    box-sizing border-box
    padding arguments

table()
    .block
        background-color white
        padding 33px 24px 0
        margin-top 20px
        overflow auto
    .block .header
        space-between()
    .detail
        display flex
        align-items center
    .detail-key
        color color-grey
    .detail-value
        color color-grey2
        margin-right 20px
    .search button
        width 91px
        margin-left 10px
    .table
        margin-top 30px
    .table.el-table .el-table__cell
        padding 6px 0
    .pagination
        float right
        margin 20px 0
        color color-grey
    :deep().el-pagination__jump, :deep().el-pagination__total
        color color-grey

// 弹窗步骤
eject()
    .process
        width 750px
        height 54px
        margin 0 auto
        background #F5F7FA
        border-radius 4px
        font-size font-small
        padding(0 70px)
        space-between()
    .no
        width 24px
        height 24px
        border-radius 24px
        border 2px solid color-grey
        flex-center()
        margin-right 10px
    .process-box
        display flex
        align-items center
        color color-grey
        &.active
            color color-blue
            .no
                border-color color-blue
ejectFrom()
    .arrow .el-icon
        color color-grey
        font-size 28px
    .box-block
        width 750px
        margin 20px auto
    .row
        margin 6px 0
        justify-content left
    .key
        width 100px
        color: #606266 !important
    .import-btn
        width 113px
        height 40px
        display inline-block
        margin 0
        .el-icon
            margin-right 16px
    .down-templete
        color color-blue
        margin-left 12px
        text-decoration unset
    .form .el-input
        width 240px
    .mini-btn
        display block
    .xlsx-img
        margin-top: 16px
    .enclosure
        display: flex
        justify-content: space-between
    .form-right
        width: 332px
        height: 430px
        background: #F7F8FC
        padding: 24px
    .info-title
        font-size: 16px;
        font-weight: 700;
    .parallel
        display: flex
        margin-top: 16px
    .info-left
        flex: none
        color: #5E617D
    .info-right
        color: #202536
    .info-right-num
        color: #FF7E68
        font-weight: 600;
    .result
        display: flex;
        flex-direction: column;
        align-items: center;
    .result-info
        width: 557px
        background: #F7F8FC
        border-radius: 2px
        padding: 24px
        margin-top: 24px
    .result-title
        color: rgba(0, 0, 0, 0.85);
        font-size: 24px;
        margin: 24px 0 8px 0
    .result-name
        color: #9497B1;
        font-size: 14px;
        margin-bottom: 24px
    .el-select
        width 240px
    .el-form-item
        margin-bottom: 0
    .el-form
        display: flex
        align-items: center
.pointer
    cursor: pointer
.fc-blue
    color #409eff
.fc-red 
    color red
.flex
    display flex
.gap-10
    gap 10px
.gap-16
    gap 16px
.gap-20
    gap 20px
.flex-wrap
    flex-wrap wrap
.flex-ai-c
    align-items center
.flex-ai-start
    align-items flex-start
.flex-ai-end
    align-items flex-end
.flex-jc-c
    justify-content center
.flex-jc-sb
    justify-content space-between
.flex-jc-end
    justify-content flex-end
.flex-column
    flex-direction column
.flex-wrap
    flex-wrap wrap
.flex-no-shrink
    flex-shrink 0
.flex-jc-evenly
    justify-content space-evenly
.flex-1
    flex 1
.flex-2
    flex 2
.mg-b-20
    margin-bottom 20px
.fs-12
    font-size 12px
.fs-13
    font-size 13px
.fs-14
    font-size 14px
.fs-16
    font-size 16px
.fs-22
    font-size 22px
.fs-26
    font-size 26px
.mg-l-5
    margin-left 5px
.mg-r-5
    margin-right 5px
.mg-l-10
    margin-left 10px
.mg-l-16
    margin-left 16px
.mg-t-8
    margin-top 8px
.mg-t-10
    margin-top 10px
.mg-t-15
    margin-top 15px
.mg-r-10
    margin-right 10px
.mg-r-12
    margin-right 12px
.mg-r-16
    margin-right 16px
.mg-r-20
    margin-right 20px
.mg-t-5
    margin-top 5px
.mg-t-8
    margin-top: 8px;
.mg-t-12
    margin-top 12px
.mg-t-16
    margin-top 16px
.mg-t-20
    margin-top 20px
.mg-t-28 {
    margin-top: 28px;
}
.mg-t-30
    margin-top 30px
.mg-t-40 {
    margin-top: 40px;
}
.mg-b-5
    margin-bottom 5px
.mg-b-10
    margin-bottom 10px
.mg-b-12
    margin-bottom 12px
.mg-b-16
    margin-bottom 16px
.mg-b-24
    margin-bottom 24px
.mg-b-25 {
    margin-bottom: 25px;
}
.mg-b-40 {
    margin-bottom: 40px;
}





.pd-6 {
    padding: 6px;
}
.pd-16 {
    padding: 16px;
}
.pd-b-10
    padding-bottom 10px
.pd-b-16 {
    padding-bottom: 16px;
}
.pd-b-20 {
    padding-bottom: 20px;
}
.pd-t-16 {
    padding-top: 16px;
}
.pd-t-20 {
    padding-top: 20px;
}
.pd-l-16 {
    padding-left: 16px;
}
.pd-r-16 {
    padding-right: 16px;
}
.border-bottom
    border-bottom 1px solid #EBEEF5

.bold
    font-weight bold
.fs-24
    font-size 24px
.fs-20
    font-size 20px
.fs-14
    font-size 14px
.fs-30
    font-size 30px
.fs-18
    font-size 18px
.fs-28
    font-size 28px
.fs-36
    font-size 36px
.fc-white
    color white
.pointer
    cursor pointer
.fc-grey
    color #9497B1
.fc-success
    color #00D679
.fc-info
    color #9497B1
.fc-warning
    color #FF7E68
.mg-l-20
    margin-left 20px
.mg-l-25
    margin-left 25px
.normal
    font-weight normal
.fc-gold
    color #AF8A65
.w-full
    width 100% !important
.h-full
    height 100%
.gap-16
    gap 16px
.fc-orange
    color #FF7642
.fc-primary
    color #3E5FF5
a
    text-decoration none
.text-center
    text-align center
.w-300
    width 300px
.fc-lightgray
    color #9497B1
.fc-black
    color #000